<template>
    <div class="rotateModel">
        <div class="bg">
        </div>
        <div>
            {{$t("layer.rotate.rotate")}}
        </div>
    </div>
</template>

<script  setup>
import { reactive ,ref} from 'vue'
</script>

<style lang='scss' scoped>
.rotateModel {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: 19999;
    color: #fff;
    display: flex;
    font-size: 22px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 120px;
    text-align: center;
    letter-spacing: 1px;
    
    .bg {
        width: 128px;
        height: 128px;
        background: url('../../assets/rotate/rotate.png') no-repeat 100% 100%;
        margin-bottom: 28px;
    }
}
</style>